<template>
  <!-- SVG滤镜定义 -->
  <svg width="0" height="0" style="position: absolute;">
    <!-- 基础液态玻璃滤镜 -->
    <filter id="liquidGlass" x="-50%" y="-50%" width="200%" height="200%">
      <feTurbulence type="fractalNoise" baseFrequency="0.01" numOctaves="3" result="noise" />
      <feDisplacementMap in="SourceGraphic" in2="noise" scale="5" xChannelSelector="R" yChannelSelector="G" />
    </filter>
    
    <!-- 强折射滤镜 -->
    <filter id="strongRefraction" x="-50%" y="-50%" width="200%" height="200%">
      <feTurbulence type="fractalNoise" baseFrequency="0.02" numOctaves="2" result="noise" />
      <feDisplacementMap in="SourceGraphic" in2="noise" scale="10" xChannelSelector="B" yChannelSelector="A" />
    </filter>
    
    <!-- 波浪效果滤镜 -->
    <filter id="waveEffect" x="-50%" y="-50%" width="200%" height="200%">
      <feTurbulence type="turbulence" baseFrequency="0.03" numOctaves="1" result="noise" />
      <feDisplacementMap in="SourceGraphic" in2="noise" scale="8" xChannelSelector="G" yChannelSelector="R" />
    </filter>
  </svg>
</template>

<script setup lang="ts">
// SVG滤镜组件，用于定义各种液态玻璃效果的滤镜
</script>

<style scoped>
/* SVG滤镜组件样式 */
</style>